<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 标签选择器 -->
     <style>p{
        color: brown;
     }
     /* 类标签选择器-定义类选择器 */
     .red{
        color: red;
     }
     
     </style>
</head>
<body>
    <!-- 使用类选择器 -->
    <div class="red">这是div标签</div>
    * 定义类选择器 → **.类名**
<!-- * 使用类选择器 → 标签添加 **class="类名"** -->
 <!-- * 类名**自定义**，不要用纯数字或中文，尽量用英文命名 -->
<!-- * 一个类选择器**可以供多个标签使用** -->
<!-- * **一个标签可以使用多个类名**，类名之间用**空格**隔开 -->



</body>
</html>